<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>智战疫 | 大咖直播</title>
    <style>
        #search1{
            background:#fff;
            height:30px;
            width:300px;
            padding-left:10px;
            text-align:left;
            outline:none;
        }
        .page{
        text-align:center;
        margin-top:50px;
        }
        .page a{
            text-decoration: none;
            border:1px solid #f9d52b;
            padding: 5px 7px;
            color: #767675;
            cursor: pointer;
        }
    </style>
    <link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
  <script src="https://unpkg.com/video.js/dist/video.js"></script>
  <script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>
</head>
<body>
    <div class="header"style="height:28px;">
        <div class="header1"style="font-size:13px;color:#d5d5d5;background-color:#545652;height:28px">
            <p style="margin-left:10px;">智战疫 | 大咖直播</p>
        </div>
    </div>
    <div class="middle"style="height:115px;background-color:#f0f3f5;">
        <div class="middle1"style="height:75px;border-color:#e3ebec;border-style:solid;border-width:1px;">
            <div class="one1"style="margin-left:20%;margin-top:10px;display: inline-block;">
                    <h1 style="color:#27a;">大咖直播</h1>
            </div>
            <div class="one1"style="margin-left:10%;width:400px;margin-top:5px;display: inline-block;">
                    <input id="search1"type="text"value="请输入要观看的直播"class="search" name="uname">
                    <input type="submit"tabindex="3"id="su"value="搜索"style="height:30px;background:blue;"class="s_btn">
            </div>
        </div>
        <div class="middle2"style="height:40px;margin:0 auto;padding-bottom:0;overflow:hidden;zoom:1;">
            <p style="margin-left:10px;">首页</p>
        </div>
    </div>
    <div>
        <div class="Down"style="height:1000px;margin-left:20%;margin-right:20%;border-style:solid;border-width:1px;overflow-y:auto;">
            <div class="Down1"style="ont-weight: bold;color: #494949; margin: 0; padding: 0 0 15px 0;line-height: 1.1;">
                <h1 style="font-size:26px;">
                    <<< 直播推荐 >>>
                </h1>
                <hr style="border:1px dashed #000; height:1px">
            </div>
            <ol style="font-size:20px;">
                <li>
                    <h3>直播测试</h3>
                    <video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268" data-setup='{}'
                           style="position:absolute;left:0;right:0;margin:auto">
                        <!--    <source src="https://c1&#45;&#45;cn-gotcha208.bilivideo.com/live-bvc/636829/live_6250993_5987797_1500/index.m3u8?expires=1655289790&len=0&oi=0x240882206b2bf1a0f4f6928573b16fd6&pt=web&qn=0&trid=1007399f8b2c62ae4d3ab9d1b159e9efb375&sigparams=cdn,expires,len,oi,pt,qn,trid&cdn=cn-gotcha208&sign=53093900341476b01c33914aae5344ca&sk=c9c6154426932efa80d25af02e87a3bd&p2p_type=1&src=8&sl=1&free_type=0&flowtype=1&machinezone=ylf&pp=rtmp&source=onetier&order=1&site=61581efd2874e8634ff04afa763d03ae" type="application/x-mpegURL">-->
                        <source src = "https://cctvwbndks.v.kcdnvip.com/cctvwbnd/cctv13_2/index.m3u8" type="application/x-mpegURL">
                    </video>
                </li>
            </ol>
            <div class="page"style="margin-top:900px;">
                <a href="#">1</a>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#">4</a>
                <a href="#">5</a>
            </div>
        </div>
    </div>


</body>
</html>